<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"  %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>预约详情</title>
    <%@ include file="/main/main_css.jsp" %>
    <%@ include file="/main/main_js.jsp" %>
</head>
<body>
    <!--  -->
    <div class="all-wrapper">
        <div class="row com-header text-center">
            <span>鹰潭市行政服务中心</span>
        </div>
        <div class="row main-content time-table">
        	<div class="row" >
                <div class="time-count pull-right">
                   <span>剩余</span> <span id="time" class="text-red"></span> <span>秒</span>
                </div>
            </div>
	         <div class="row">
	                <h1>${appointment.itemName }预约详情</h1>
	         </div>
             <table class="table table-bordered time-table-com" style="border:1px solid #efefef;">
                <tbody>
                    <tr>
                        <td class="x">预约受理号</td>
                        <td><font size="5px">${appointment.orderNo }</font></td>
                        <td class="x">事项名称</td>
                       <td><font size="5px">${appointment.itemName }</font></td>
                    </tr>
                    <tr>
                        <td class="x">预约时间</td>
                        <td><font size="5px">${appointment.orderDate }</font></td>
                        <td class="x">预约人姓名</td>
                        <td><font size="5px">${appointment.realName }</font></td>
                    </tr>
                     <tr>
                        <td class="x">预约人身份证号码</td>
                        <td><font size="5px">${appointment.idCard }</font></td>
                     	<td class="x">预约人电话</td>
                        <td><font size="5px">${appointment.orderPhone }</font></td>
                    </tr>
                     <tr>
                        <td class="x">部门名称</td>
                       <td><font size="5px">${appointment.deptName }</font></td>
                        <td class="x">预约状态</td>
                        <td><font size="5px">
                        	<c:if test="${appointment.orderState eq '1' }">预约中</c:if>
                        	<c:if test="${appointment.orderState eq '2' }">取消预约</c:if>
                        	<c:if test="${appointment.orderState eq '3' }">已完成</c:if>
                        </font></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="row footer">
            <a class="btn btn-success btn-lg" href="loginOut" role="button"><i class="fa fa-reply"></i>返回首页</a>
            <a class="btn btn-primary btn-lg" href="javascript:void(0);" id="orderList" role="button">返回预约列表<i class="fa fa-hand-pointer-o"></i></a>
        </div>
    </div>
    <form id="loginOut" action="loginOut"></form>
    <!--  -->
    <script src="static/plugins/html5shiv.min.js" id="html5shiv"></script>
    <script src="static/plugins/respond.min.js" id="respond"></script>
    <script src="static/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="static/plugins/bootstrap/bootstrap.min.js" type="text/javascript"></script>
    <script src="static/plugins/bootstrap/bootstrapValidator.js" type="text/javascript"></script> 
    <script src="static/js/common.js" type="text/javascript"></script>
</body>
<!-- 添加动画 -->
<script type="text/javascript">
$('#orderList').on('click',function(){
    var index = layer.load(3, {
        shade: [0.3,'#000'] //0.1透明度的白色背景  
    });
    setTimeout(function(){
        layer.close(index);
    },10000);
    $(this).attr("href","/smartTerminal/getMyAppointmentList?ORDER_NO=${ORDER_NO }&currentpage=1&pagesize=7");
});
	var index = layer.load(3, {
	    shade: [0.3,'#000'] //0.1透明度的白色背景  
	});
	setTimeout(function(){
	    layer.close(index);
	},500);

	//加入倒计时
	var count =  119;
	function countdown(){
		$("#time").text(count);
		if(count > 0){
			window.setTimeout("countdown()",1000);
			count --;
		}else{
			$("#loginOut").submit();
		}
	}
	countdown();    

</script>
</html>